| 1 |
|
@charset "
utf-8"; CR LF
|
|
1 |
|
@charset "
utf-8"; CR LF
|
| 2 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
|
2 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
| 3 |
|
CO
LORスタイル CR LF
|
|
3 |
|
CO
LORスタイル CR LF
|
| 4 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
|
4 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
| |
|
|
|
5 |
|
#gFooter {
CR LF
|
| |
|
|
|
6 |
|
co
lor: #fff;
CR LF
|
| |
|
|
|
7 |
|
ba
ckground:
#6628cbb7;
CR LF
|
| |
|
|
|
8 |
|
} CR LF
|
| |
|
|
|
9 |
|
CR LF
|
| 5 |
|
#gHeader {
CR LF
|
|
10 |
|
#gHeader {
CR LF
|
| 6 |
|
ba
ckground-c
olor: rgba
(37, 73, 2
01, 0.5); CR
LF
|
|
11 |
|
ba
ckground-c
olor: rgba
(37, 73, 2
01, 0.5); CR
LF
|
| 7 |
|
} CR LF
|
|
12 |
|
} CR LF
|
| 8 |
|
@media all
and (max-
width:
767
px) {
CR LF
|
|
13 |
|
@media all
and (max-
width:
896
px) {
CR LF
|
| 9 |
|
#g
Navi { CR LF
|
|
14 |
|
#g
Navi { CR LF
|
| 10 |
|
back
ground: #2
85ACB; CR LF
|
|
15 |
|
back
ground: #2
85ACB; CR LF
|
| 11 |
|
} CR
LF
|
|
16 |
|
} CR
LF
|
| 12 |
|
#g
Header { CR LF
|
|
17 |
|
#g
Header { CR LF
|
| 13 |
|
back
ground: tr
ansparent;
CR LF
|
|
18 |
|
back
ground: tr
ansparent;
CR LF
|
| 14 |
|
} CR
LF
|
|
19 |
|
} CR
LF
|
| 15 |
|
} CR LF
|
|
20 |
|
} CR LF
|
| 16 |
|
CR LF
|
|
21 |
|
CR LF
|
| 17 |
|
#gFooter {
CR LF
|
|
|
|
|
| 18 |
|
co
lor: #fff;
CR LF
|
|
|
|
|
| 19 |
|
ba
ckground:
#6628cbb7;
CR LF
|
|
|
|
|
| 20 |
|
} CR LF
|
|
|
|
|
| 21 |
|
CR LF
|
|
|
|
|
| 22 |
|
#main .mv
p { CR LF
|
|
22 |
|
#main .mv
p { CR LF
|
| 23 |
|
co
lor: #fff;
CR LF
|
|
23 |
|
co
lor: #fff;
CR LF
|
| 24 |
|
} CR LF
|
|
24 |
|
} CR LF
|
| 25 |
|
CR LF
|
|
25 |
|
CR LF
|
| 26 |
|
#main .mv
.btnUl li
a, CR LF
|
|
26 |
|
#main .mv
.btnUl li
a, CR LF
|
| 27 |
|
#gFooter .
fBtnUl li
a { CR LF
|
|
27 |
|
#gFooter .
fBtnUl li
a { CR LF
|
| 28 |
|
co
lor: rgb(9
4, 23, 141
); CR LF
|
|
28 |
|
co
lor: rgb(9
4, 23, 141
); CR LF
|
| 29 |
|
ba
ckground-c
olor: #fff
; CR LF
|
|
29 |
|
ba
ckground-c
olor: #fff
; CR LF
|
| 30 |
|
bo
rder: 2px
solid #fff
; CR LF
|
|
30 |
|
bo
rder: 2px
solid #fff
; CR LF
|
| 31 |
|
} CR LF
|
|
31 |
|
} CR LF
|
| 32 |
|
CR LF
|
|
32 |
|
CR LF
|
| 33 |
|
#gFooter .
fBtnUl_2 l
i a { CR LF
|
|
33 |
|
#gFooter .
fBtnUl_2 l
i a { CR LF
|
| 34 |
|
co
lor: #fff;
CR LF
|
|
34 |
|
co
lor: #fff;
CR LF
|
| 35 |
|
ba
ckground-c
olor: #f93
a3a; CR LF
|
|
35 |
|
ba
ckground-c
olor: #f93
a3a; CR LF
|
| 36 |
|
bo
rder: 2px
solid #f93
a3a; CR LF
|
|
36 |
|
bo
rder: 2px
solid #f93
a3a; CR LF
|
| 37 |
|
} CR LF
|
|
37 |
|
} CR LF
|
| 38 |
|
CR LF
|
|
38 |
|
CR LF
|
| 39 |
|
CR LF
|
|
39 |
|
CR LF
|
| 40 |
|
#m
ain .mv .b
tnUl li a:
hover, CR LF
|
|
40 |
|
#m
ain .mv .b
tnUl li a:
hover, CR LF
|
| 41 |
|
#g
Footer .fB
tnUl li a:
hover { CR LF
|
|
41 |
|
#g
Footer .fB
tnUl li a:
hover { CR LF
|
| 42 |
|
colo
r: #fff; CR LF
|
|
42 |
|
colo
r: #fff; CR LF
|
| 43 |
|
back
ground-col
or:#285ACB
; CR LF
|
|
43 |
|
back
ground-col
or:#285ACB
; CR LF
|
| 44 |
|
} CR
LF
|
|
44 |
|
} CR
LF
|
| 45 |
|
CR LF
|
|
45 |
|
CR LF
|
| 46 |
|
#g
Footer .fB
tnUl_2 li
a:hover { CR
LF
|
|
46 |
|
#g
Footer .fB
tnUl_2 li
a:hover { CR
LF
|
| 47 |
|
colo
r: #f93a3a
; CR LF
|
|
47 |
|
colo
r: #f93a3a
; CR LF
|
| 48 |
|
back
ground-col
or:#fff; CR LF
|
|
48 |
|
back
ground-col
or:#fff; CR LF
|
| 49 |
|
} CR
LF
|
|
49 |
|
} CR
LF
|
| 50 |
|
CR LF
|
|
50 |
|
CR LF
|
| 51 |
|
#main .mai
lmag .mail
magList li
.ttl .txt
.num, CR LF
|
|
51 |
|
#main .mai
lmag .mail
magList li
.ttl .txt
.num, CR LF
|
| 52 |
|
#main .sce
ne .cTxt a
, CR LF
|
|
52 |
|
#main .sce
ne .cTxt a
, CR LF
|
| 53 |
|
#main .sce
ne .linkLi
st li .ttl
span, CR LF
|
|
53 |
|
#main .sce
ne .linkLi
st li .ttl
span, CR LF
|
| 54 |
|
#main .sce
ne .imgBox
.textBox
.headLine0
2 .num { CR LF
|
|
54 |
|
#main .sce
ne .imgBox
.textBox
.headLine0
2 .num { CR LF
|
| 55 |
|
co
lor: #238F
FB; CR LF
|
|
55 |
|
co
lor: #238F
FB; CR LF
|
| 56 |
|
} CR LF
|
|
56 |
|
} CR LF
|
| 57 |
|
CR LF
|
|
57 |
|
CR LF
|
| 58 |
|
.comBtn a
{ CR LF
|
|
58 |
|
.comBtn a
{ CR LF
|
| 59 |
|
co
lor: #FFF;
CR LF
|
|
59 |
|
co
lor: #FFF;
CR LF
|
| 60 |
|
bo
rder: 2px
solid rgb(
94, 23, 14
1); CR LF
|
|
60 |
|
bo
rder: 2px
solid rgb(
94, 23, 14
1); CR LF
|
| 61 |
|
ba
ckground:
rgb(94, 23
, 141); CR LF
|
|
61 |
|
ba
ckground:
rgb(94, 23
, 141); CR LF
|
| 62 |
|
} CR LF
|
|
62 |
|
} CR LF
|
| 63 |
|
CR LF
|
|
63 |
|
CR LF
|
| 64 |
|
.comBtn a:
hover { CR LF
|
|
64 |
|
.comBtn a:
hover { CR LF
|
| 65 |
|
colo
r: #285ACB
; CR LF
|
|
65 |
|
colo
r: #285ACB
; CR LF
|
| 66 |
|
back
ground-col
or: #fff; CR
LF
|
|
66 |
|
back
ground-col
or: #fff; CR
LF
|
| 67 |
|
} CR LF
|
|
67 |
|
} CR LF
|
| 68 |
|
CR LF
|
|
68 |
|
CR LF
|
| 69 |
|
CR LF
|
|
69 |
|
CR LF
|
| 70 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
|
70 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
| 71 |
|
汎用
スタイル CR LF
|
|
71 |
|
汎用
スタイル CR LF
|
| 72 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
|
72 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
| 73 |
|
/* clearfi
x */ CR LF
|
|
73 |
|
/* clearfi
x */ CR LF
|
| 74 |
|
.clearfix:
after { CR LF
|
|
74 |
|
.clearfix:
after { CR LF
|
| 75 |
|
co
ntent: "";
CR LF
|
|
75 |
|
co
ntent: "";
CR LF
|
| 76 |
|
di
splay: blo
ck; CR LF
|
|
76 |
|
di
splay: blo
ck; CR LF
|
| 77 |
|
cl
ear: both;
CR LF
|
|
77 |
|
cl
ear: both;
CR LF
|
| 78 |
|
} CR LF
|
|
78 |
|
} CR LF
|
| 79 |
|
/* flex */
CR LF
|
|
79 |
|
/* flex */
CR LF
|
| 80 |
|
.flex, .fl
exA, .flex
B, .flexC
{ CR LF
|
|
80 |
|
.flex, .fl
exA, .flex
B, .flexC
{ CR LF
|
| 81 |
|
di
splay: fle
x; CR LF
|
|
81 |
|
di
splay: fle
x; CR LF
|
| 82 |
|
fl
ex-wrap: w
rap; CR LF
|
|
82 |
|
fl
ex-wrap: w
rap; CR LF
|
| 83 |
|
} CR LF
|
|
83 |
|
} CR LF
|
| 84 |
|
.flexA { CR LF
|
|
84 |
|
.flexA { CR LF
|
| 85 |
|
ju
stify-cont
ent: space
-around; CR LF
|
|
85 |
|
ju
stify-cont
ent: space
-around; CR LF
|
| 86 |
|
} CR LF
|
|
86 |
|
} CR LF
|
| 87 |
|
.flexB { CR LF
|
|
87 |
|
.flexB { CR LF
|
| 88 |
|
ju
stify-cont
ent: space
-between; CR
LF
|
|
88 |
|
ju
stify-cont
ent: space
-between; CR
LF
|
| 89 |
|
} CR LF
|
|
89 |
|
} CR LF
|
| 90 |
|
.flexC { CR LF
|
|
90 |
|
.flexC { CR LF
|
| 91 |
|
ju
stify-cont
ent: cente
r; CR LF
|
|
91 |
|
ju
stify-cont
ent: cente
r; CR LF
|
| 92 |
|
} CR LF
|
|
92 |
|
} CR LF
|
| 93 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
|
93 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
| 94 |
|
co
ntent CR LF
|
|
94 |
|
co
ntent CR LF
|
| 95 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
|
95 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
| 96 |
|
.content {
CR LF
|
|
96 |
|
.content {
CR LF
|
| 97 |
|
ma
rgin: 0 au
to; CR LF
|
|
97 |
|
ma
rgin: 0 au
to; CR LF
|
| 98 |
|
wi
dth: 1110p
x; CR LF
|
|
98 |
|
wi
dth: 1110p
x; CR LF
|
| 99 |
|
} CR LF
|
|
99 |
|
} CR LF
|
| 100 |
|
@media all
and (max-
width:
767
px) {
CR LF
|
|
100 |
|
@media all
and (max-
width:
896
px) {
CR LF
|
| 101 |
|
.c
ontent { CR LF
|
|
101 |
|
.c
ontent { CR LF
|
| 102 |
|
margin: 0
15
px;
CR LF
|
|
102 |
|
margin: 0
25
px;
CR LF
|
| 103 |
|
widt
h: auto !i
mportant; CR
LF
|
|
103 |
|
widt
h: auto !i
mportant; CR
LF
|
| 104 |
|
} CR
LF
|
|
104 |
|
} CR
LF
|
| 105 |
|
} CR LF
|
|
105 |
|
} CR LF
|
| 106 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
|
106 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
| 107 |
|
he
adLine01 CR LF
|
|
107 |
|
he
adLine01 CR LF
|
| 108 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
|
108 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
| 109 |
|
.headLine0
1 { CR LF
|
|
109 |
|
.headLine0
1 { CR LF
|
| 110 |
|
ma
rgin-botto
m: 53px; CR LF
|
|
110 |
|
ma
rgin-botto
m: 53px; CR LF
|
| 111 |
|
te
xt-align:
center; CR LF
|
|
111 |
|
te
xt-align:
center; CR LF
|
| 112 |
|
fo
nt-size: 4
.1rem; CR LF
|
|
112 |
|
fo
nt-size: 4
.1rem; CR LF
|
| 113 |
|
fo
nt-weight:
700; CR LF
|
|
113 |
|
fo
nt-weight:
700; CR LF
|
| 114 |
|
li
ne-height:
1.3; CR LF
|
|
114 |
|
li
ne-height:
1.3; CR LF
|
| 115 |
|
} CR LF
|
|
115 |
|
} CR LF
|
| 116 |
|
.headLine0
1 .col { CR LF
|
|
116 |
|
.headLine0
1 .col { CR LF
|
| 117 |
|
fo
nt-size: 5
.5rem; CR LF
|
|
117 |
|
fo
nt-size: 5
.5rem; CR LF
|
| 118 |
|
co
lor: #238F
FB; CR LF
|
|
118 |
|
co
lor: #238F
FB; CR LF
|
| 119 |
|
} CR LF
|
|
119 |
|
} CR LF
|
| 120 |
|
@media all
and (max-
width:
767
px) {
CR LF
|
|
120 |
|
@media all
and (max-
width:
896
px) {
CR LF
|
| 121 |
|
.h
eadLine01
{ CR LF
|
|
121 |
|
.h
eadLine01
{ CR LF
|
| 122 |
|
marg
in-bottom:
20px; CR LF
|
|
122 |
|
marg
in-bottom:
20px; CR LF
|
| 123 |
|
font
-size: 2.2
rem; CR LF
|
|
123 |
|
font
-size: 2.2
rem; CR LF
|
| 124 |
|
} CR
LF
|
|
124 |
|
} CR
LF
|
| 125 |
|
.h
eadLine01
.col { CR LF
|
|
125 |
|
.h
eadLine01
.col { CR LF
|
| 126 |
|
font
-size: 3.1
rem; CR LF
|
|
126 |
|
font
-size: 3.1
rem; CR LF
|
| 127 |
|
} CR
LF
|
|
127 |
|
} CR
LF
|
| 128 |
|
} CR LF
|
|
128 |
|
} CR LF
|
| 129 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
|
129 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
| 130 |
|
he
adLine02 CR LF
|
|
130 |
|
he
adLine02 CR LF
|
| 131 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
|
131 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
| 132 |
|
.headLine0
2 { CR LF
|
|
132 |
|
.headLine0
2 { CR LF
|
| 133 |
|
ma
rgin-botto
m: 28px; CR LF
|
|
133 |
|
ma
rgin-botto
m: 28px; CR LF
|
| 134 |
|
fo
nt-size: 3
.2rem; CR LF
|
|
134 |
|
fo
nt-size: 3
.2rem; CR LF
|
| 135 |
|
fo
nt-weight:
700; CR LF
|
|
135 |
|
fo
nt-weight:
700; CR LF
|
| 136 |
|
li
ne-height:
1.2; CR LF
|
|
136 |
|
li
ne-height:
1.2; CR LF
|
| 137 |
|
} CR LF
|
|
137 |
|
} CR LF
|
| 138 |
|
@media all
and (max-
width:
767
px) {
CR LF
|
|
138 |
|
@media all
and (max-
width:
896
px) {
CR LF
|
| 139 |
|
.h
eadLine02
{ CR LF
|
|
139 |
|
.h
eadLine02
{ CR LF
|
| |
|
|
|
140 |
|
marg
in-top:20p
x; CR LF
|
| 140 |
|
marg
in-bottom:
20px; CR LF
|
|
141 |
|
marg
in-bottom:
20px; CR LF
|
| 141 |
|
font
-size: 2.4
rem; CR LF
|
|
142 |
|
font
-size: 2.4
rem; CR LF
|
| 142 |
|
text
-align: ce
nter; CR LF
|
|
|
|
|
| 143 |
|
} CR
LF
|
|
143 |
|
} CR
LF
|
| 144 |
|
} CR LF
|
|
144 |
|
} CR LF
|
| 145 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
|
145 |
|
/*--------
----------
----------
----------
----------
----------
-- CR LF
|
| 146 |
|
co
mBtn CR LF
|
|
146 |
|
co
mBtn CR LF
|
| 147 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
|
147 |
|
----------
----------
----------
----------
----------
----------
*/ CR LF
|
| 148 |
|
.comBtn { CR
LF
|
|
148 |
|
.comBtn { CR
LF
|
| 149 |
|
ma
rgin: 40px
auto; CR LF
|
|
149 |
|
ma
rgin: 40px
auto; CR LF
|
| 150 |
|
wi
dth: 290px
; CR LF
|
|
150 |
|
wi
dth: 290px
; CR LF
|
| 151 |
|
} CR LF
|
|
151 |
|
} CR LF
|
| 152 |
|
.comBtn a
{ CR LF
|
|
152 |
|
.comBtn a
{ CR LF
|
| 153 |
|
pa
dding: 14p
x 20px; CR LF
|
|
153 |
|
pa
dding: 14p
x 20px; CR LF
|
| 154 |
|
di
splay: blo
ck; CR LF
|
|
154 |
|
di
splay: blo
ck; CR LF
|
| 155 |
|
te
xt-align:
center; CR LF
|
|
155 |
|
te
xt-align:
center; CR LF
|
| 156 |
|
fo
nt-weight:
500; CR LF
|
|
156 |
|
fo
nt-weight:
500; CR LF
|
| 157 |
|
fo
nt-size: 1
.8rem; CR LF
|
|
157 |
|
fo
nt-size: 1
.8rem; CR LF
|
| 158 |
|
bo
rder-radiu
s: 100px; CR
LF
|
|
158 |
|
bo
rder-radiu
s: 100px; CR
LF
|
| 159 |
|
} CR LF
|
|
159 |
|
} CR LF
|
| 160 |
|
.c
omBtn a { CR
LF
|
|
160 |
|
.c
omBtn a { CR
LF
|
| 161 |
|
tran
sition: co
lor .5s ea
se, backgr
ound .5s e
ase, borde
r .5s ease
; CR LF
|
|
161 |
|
tran
sition: co
lor .5s ea
se, backgr
ound .5s e
ase, borde
r .5s ease
; CR LF
|
| 162 |
|
} CR
LF
|
|
162 |
|
} CR
LF
|
| 163 |
|
CR LF
|
|
163 |
|
CR LF
|
| 164 |
|
@media all
and (max-
width:
767
px) {
CR LF
|
|
164 |
|
@media all
and (max-
width:
896
px) {
CR LF
|
| 165 |
|
.c
omBtn { CR LF
|
|
165 |
|
.c
omBtn { CR LF
|
| 166 |
|
widt
h: 100%; CR LF
|
|
166 |
|
widt
h: 100%; CR LF
|
| 167 |
|
max-
width: 375
px; CR LF
|
|
167 |
|
max-
width: 375
px; CR LF
|
| 168 |
|
marg
in: 60px a
uto 0; CR LF
|
|
|
|
|
| 169 |
|
} CR
LF
|
|
168 |
|
} CR
LF
|
| 170 |
|
.c
omBtn a { CR
LF
|
|
169 |
|
.c
omBtn a { CR
LF
|
| 171 |
|
padd
ing: 15px;
CR LF
|
|
170 |
|
padd
ing: 15px;
CR LF
|
| 172 |
|
font
-size: 1.6
rem; CR LF
|
|
171 |
|
font
-size: 1.6
rem; CR LF
|
| 173 |
|
} CR
LF
|
|
172 |
|
} CR
LF
|
| 174 |
|
} CR LF
|
|
173 |
|
} CR LF
|